{template 'common/header'}
<title>招募令</title>
<style type="text/css">
body {margin:0px; background:#f4f4f4;}
.top {height:68px; background:#fff; border-bottom:#e3e3e3; overflow:hidden;}
.top .ico {height:44px; width:44px; margin:12px; background:#fe9900; border-radius:44px; font-size:30px; line-height:44px; text-align:center; color:#fff; float:left;}
.top .info1 {height:44px; padding:12px 0px; float:left;}
.top .info1 .t1 {height:22px; font-size:16px; color:#666; line-height:26px;}
.top .info1 .t2 {height:22px; font-size:13px; color:#999; line-height:20px;}
.top span {color:#ff6600}
.img {padding:1px;overflow:hidden;height:auto;}
.img img { width:100%;}

.info {height:auto; background:#fff; padding:10px; padding-bottom:80px; border-bottom:1px solid #eee; border-top:1px solid #eee;}
.info .title {height:38px; border-bottom:1px solid #eee; overflow:hidden;}
.info .title .ico {height:24px; width:24px; background:#fd6401; margin:7px 7px 7px 0px; border-radius:24px; font-size:12px; color:#fff; line-height:24px; text-align:center; float:left;}
.info .title .text {height:38px; line-height:38px; font-size:14px; color:#666; float:left;}
.info .con {height:auto; padding:10px 0px;}
.info .con .line {height:auto; overflow:hidden; margin-bottom:5px;}
.info .con .line .t1 {height:auto; width:55px; float:left; font-size:14px; color:#666; line-height:20px;}
.info .con .line .t2 {padding-left:55px; background:#f90;}
.info .con .line .t2 .t3 {height:auto; float:left; font-size:14px; color:#999;}
.info .info2 {height:auto; background:#fe924a; padding:10px; font-size:14px; color:#fff;}

.bottom {height:50px; width:100%; background:#fff; padding:10px; border-top:1px solid #eee; position:fixed; bottom:0px; left:0px; box-shadow:1px 2px 10px rgba(0,0,0,0.2);}
.bottom .sub {height:50px; width:46%; margin-left:2%; float:left; border:1px solid #eee; border-radius:3px; font-size:16px; line-height:50px; text-align:center; color:#666;}


</style> 
    
    <div class="img">
        <img id="posterimg" src="../addons/ewei_shop/static/images/zhaomu.png"/>
    </div>
	<div class="info">
    	<div class="title">
        	<div class="ico"><i class="fa fa-cubes"></i></div>
            <div class="text">如何招募</div>
        </div>
        {if $member['agentlevel'] == 1}
        <div class="con">
          <div class="line">
           	<div class="t1">第一步</div>
                <div class="t2">
                	<div class="t3">添加您想要招募的大伙伴为微信好友，转发当前页面给你想要招募的大伙伴</div>
                </div>
          </div>
          <div class="line">
           	<div class="t1">第二步</div>
                <div class="t2">
                	<div class="t3">接受到邀请的好友填写相关对应信息，提交申请</div>
                </div>
          </div>
          <div class="line">
           	<div class="t1">第三步</div>
                <div class="t2">
                	<div class="t3">在分销中心【招募】界面，审核好友申请，即完成大伙伴的招募。您可以在分销中心【我的团队】查看</div>
                	
                </div>
          </div>
  	    </div>
        <div class="info2">说明：此为招募大伙伴专属功能，如果您的好友已被其他人抢先发展成了会员或合作伙伴，他就不能成为您的大伙伴或会员；如果您需要发展会员，可通过分享产品页面或扫取您的专属二维码方式发展。</div>
        {else}
        <div class="con">
          <div class="line">
           	<div class="t1">第一步</div>
                <div class="t2">
                	<div class="t3">添加您想要招募的小伙伴为微信好友，转发当前页面给你想要招募的小伙伴</div>
                </div>
          </div>
          <div class="line">
           	<div class="t1">第二步</div>
                <div class="t2">
                	<div class="t3">接受到邀请的好友填写相关对应信息，提交申请</div>
                </div>
          </div>
          <div class="line">
           	<div class="t1">第三步</div>
                <div class="t2">
                	<div class="t3">在分销中心【招募】界面，审核好友申请，即完成大伙伴的招募。您可以在分销中心【我的团队】查看</div>
                	
                </div>
          </div>
  	    </div>
        <div class="info2">说明：此为招募小伙伴专属功能，如果您的好友已被其他人抢先发展成了会员或合作伙伴，他就不能成为您的会员或小伙伴；如果您需要发展会员，可通过分享产品页面或扫取您的专属二维码方式发展。</div>
        {/if}
	</div>

    <!-- 底部浮层 开始 -->
    <div class="bottom">
        <div id="btn1" class="sub" style="margin:0;"><i class="fa fa-link" style="height:18px; width:18px; color:#fcac71; border:1px solid #fcac71; border-radius:20px; line-height:18px; text-align:center; font-size:14px;"></i> 我要招募</div>
        <div id="btn2" class="sub"><i class="fa fa-image" style="height:18px; width:18px; color:#63b3aa; border:1px solid #63b3aa; border-radius:20px; line-height:18px; text-align:center; font-size:12px;"></i> 招募审核</div>
    </div>
    <div id="cover"><img src="../addons/ewei_shop/static/images/guide.png" style="width:100%;" /></div>
    <!-- 底部浮层 结束 -->
    <script language="javascript">
        require(['core'],function(core){
           
            $('#btn1').click(function(){
                $('#cover').fadeIn(200).unbind('click').click(function(){
                    $(this).fadeOut(100);
                })
            });
            $('#btn2').click(function(){
                location.href = "{php echo $this->createPluginMobileUrl('commission/confirm')}";
            });
        })
        </script>
{template 'common/footer'}
